<template>
	<view>
		<!-- #ifdef H5 -->
		<!-- H5 页面离顶部距离 -->
		<view style="width: 100%;height: 40rpx"></view>
		<!-- #endif -->
		<view style="display: flex;justify-content: space-between;align-items: center;width: 100%;margin: 20rpx 0;">
			<view style="display: flex;justify-content: center;align-items: center;">
				<slot name="left" v-if="isCustomize"></slot>
				<navigator v-else open-type="navigateBack" hover-class="other-navigator-hover">
					<uni-icons type="arrow-left" :color="`${theme === 'dark' ? '#fce3bd' : '#000'}`" size="30"></uni-icons>
				</navigator>
			</view>
			<text style="font-size: 42rpx;font-weight: bold;">{{title}}</text>
			<view>
				<slot name="right"></slot>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:''
			},
			isCustomize:{
				type:Boolean,
				default:false
			}
			
		},
		data() {
			return {
				
			}
		},
		onLoad() {
 
		},
		onShow() {

		},
		methods: {
			
		}
	}
</script>
<style>
</style>
